#gallery {
    display: grid;
    margin: 40px 40px;
    grid-template-columns: 33% 33% 33%;
    justify-content: space-between;
    gap: 7px;
}

#gallery .photo {
    /* border: 2px solid blue; */
    height: fit-content;
}

#gallery #photo1 {
    grid-row-start: 1;
    grid-row-end: 3;
}

#gallery #photo1 img {
    height: 633px;
}

#gallery #photo2 {
    grid-row: 1 / span 2;
    grid-column: 2 / span 2;
}

#gallery #photo6 {
    grid-row: 4 / span 2;
    grid-column: 1 / span 2;
}

@media (max-width: 1100px) {
    #gallery #photo1 img {
        height: 473px;
    }
}

@media (max-width: 768px) {
    #gallery #photo1 img {
        height: 347px;
    }
}

@media (max-width: 700px) {
    #gallery {
        grid-template-columns: 100%;
    }
    #gallery #photo1 img {
        height: 100%;
    }
    #gallery #photo1 {
        grid-row-start: 1;
        grid-row-end: 1;
    }
    #gallery #photo6,
    #gallery #photo2 {
        grid-row: auto;
        grid-column: auto;
    }
}